<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>问答收益</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
<header class="bar bar-nav u-myAccount-header-bg u-myQaProfit-header-bg">
    <a class="button button-link button-nav pull-left goBack" href="javascript:void(0);" onclick="window.history.go(-1)">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <a href="javascript:void(0);" class="button button-link button-nav pull-right u-myQa-tipsBtn">
        <i class="icon iconfont icon-jubao vam" style="font-size: .8rem;margin-right: .5rem;"></i>
    </a>
    <h1 class='title'>问答收益</h1>
</header>
<div class="content wm-content order-content of" style="background-color: #F4F5F9">
    <div class="u-account-head__wrap u-myAccount-header__wrap u-myQaProfit__wrap">
        <div style="padding-top: 1rem;">
            <div class="u-myAccount-header-content">
                <section class="row">
                    <section class="col-50">
                        <section>
                            <span class="fs4 c-888">累计收益(元)</span>
                        </section>
                    </section>
                    <section class="col-50">
                        <section class="text-right">
                            <a class="fs6 c-orange" href="/mobile/uc/account/myAccount">
                                <span class="vam">我的账户</span>
                                <em class="icon icon-right"></em>
                            </a>
                        </section>
                    </section>
                </section>
                <section class="mt5">
                    <aside class="pl5 ml5">
                        <span style="font-size: 1rem" class="vam">￥</span>
                        <span style="font-size: 2rem" class="vam" th:text="${allUserQaEarning}">12569.20</span>
                    </aside>
                </section>
                <section class="row">
                    <aside class="col-50">
                        <span class="fs4 c-888">可提取 :</span>
                        <span class="fs4 c-888 ableExtractEarning" th:text="${userAbleQaEarning}">￥13665.0</span>
                    </aside>
                    <aside class="col-50">
                        <section class="text-right">
                            <a th:if="${userAbleQaEarning} != 0" class="button button-fill button-round button-warning watch-live extractEarning">提取到账户</a>
                            <a th:if="${userAbleQaEarning} == 0" class="button button-fill button-round button-warning watch-live disabled">提取到账户</a>
                        </section>
                    </aside>
                </section>
            </div>
        </div>
    </div>
    <article class="page-infinite__wrap u-myAccount-infinite__wrap u-myProfit-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="card u-myAccount-infinite-card">
                        <div class="card-header">
                            <span class="fs7">收益明细列表</span>
                        </div>
                        <ul id="qa-myProfit-list">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/qa/question/my/qa-myProfit.js?v={v}(path=${staticPath},v=${v})}"></script>
</body>
</html>
